<!--
  -  Copyright 2020 Huawei Technologies Co., Ltd.
  -
  -  Licensed under the Apache License, Version 2.0 (the "License");
  -  you may not use this file except in compliance with the License.
  -  You may obtain a copy of the License at
  -
  -      http://www.apache.org/licenses/LICENSE-2.0
  -
  -  Unless required by applicable law or agreed to in writing, software
  -  distributed under the License is distributed on an "AS IS" BASIS,
  -  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  -  See the License for the specific language governing permissions and
  -  limitations under the License.
  -->
<template>
  <div
    class="topBar"
    :style="styles"
  >
    <img
      :src="require(`@/assets/${imageUrl}`)"
      alt=""
    >
  </div>
</template>

<script>

export default {
  components: {},
  props: {
    imageUrl: {
      type: String,
      default: null
    },
    height: {
      type: String,
      default: '300'
    }
  },
  data () {
    return {
    }
  },
  computed: {
    styles () {
      return {
        'height': this.height + 'px'
      }
    }
  },
  watch: {},
  methods: {
  },
  created () {
  },
  mounted () {
  },
  beforeCreate () {},
  beforeMount () {},
  beforeUpdate () {},
  updated () {},
  beforeDestroy () {},
  destroyed () {},
  activated () {}
}
</script>
<style lang='less' scoped>
img {
    width: 100%;
    height: 100%;
  }
</style>
